<template>
  <div class="mui-content mh-container pb pd bg-w">
    <mh-header headName="预置投票" :showCustom="showCustom"> </mh-header>
    <ul class="vot-list">
      <li class="vot-item" v-for="(item,index) in votList" :key="index">
        <a href="javascript:">
          <p v-text="item.title">-</p>
          <span v-text="item.time">-</span>
        </a>
      </li>
    </ul>
  </div>
</template>

<script>
  import MhHeader from '@/components/mh-header/mh-header'
  export default {
    name: "custom-vot-list",
    data () {
      return {
        showCustom: true,
        votList: [
          {
            id: '1',
            title: '请选出你最喜欢的游戏环节?',
            time: '2018.5.14'
          },
          {
            id: '2',
            title: '请选出你最喜欢的游戏环节?',
            time: '2018.5.14'
          },
          {
            id: '3',
            title: '请选出你最喜欢的游戏环节?',
            time: '2018.5.14'
          }
        ]
      }
    },
    components: {
      MhHeader
    }
  }
</script>

<style scoped>
  .vot-list {padding-left: 1rem;}
  .vot-item {
    padding: 1rem;
    border-bottom: .05rem solid #eee;
  }
  .vot-item p {margin-bottom: .5rem;font-size: 1.5rem;color: #333;}
  .vot-item span {margin-bottom: .5rem;font-size: 1.2rem;color: #999;}

</style>
